// import React, { Component } from 'react'

// import { connect } from "react-redux"
// import action from '../../../store/action/index.js'

// import "./detail.less"

// // 弹窗详情
// class Detail extends Component {
//     render() {
//         let { listitmedetail } = this.props
//         // console.log(listitmedetail);
//         return (
//             <div className="list_itme_detail_box">
//                 <div className="list_itme_detail_img">
//                     <img className="" src={require('../../img/st (37).jpg').default} />
//                     <div className="list_itme_detail_make">
//                         {/* 蒙层表头 */}
//                         <div className="list_itme_detail_make_top">
//                             <span onClick={() => { this.returnList() }} className="iconfont icon-fanhui2 list_itme_detail_make_top_span"></span>
//                             <span className="list_itme_detail_make_top_title">{listitmedetail.type_commodity_kind}</span>
//                         </div>
//                         {/* 蒙层内写入简介内容 */}
//                         <div className="list_itme_detail_make_cont">
//                             <h1>{listitmedetail.commodity_namer}</h1>
//                             <p>{listitmedetail.commodity_mess}</p>
//                             <button className="list_itme_detail_make_cont_btn" onClick={() => { this.jump_item_detail() }}>查看详情</button>
//                         </div>
//                     </div>
//                 </div>
//             </div>
//         )
//     }
//     jump_item_detail = () => {
//         // 跳转到详情页
//         this.props.history.push('/itemdetail')
//     }

//     returnList = () => {
//         // 返回
//         this.props.history.go(-1)
//     }
// }

// export default connect(state => state.foodf, action.foodf)(Detail)



{/* 加入购物车按钮 */}
        <div className="item_detail_btm_box">
          {/* 钱数 */}
          <div className="item_detail_btm_money">
            {/* {allmoney} */}
            {listitmedetail.commodity_unitPrice * num}<span>元</span>
          </div>
          {/* 数量加减 */}
          <div className="item_detail_cont_type_btn">
            <p className="item_detail_cont_type_btn_num"><span>数量</span></p>
            <p className="item_detail_cont_type_btn_p">
              <span className="item_detail_cont_type_del" onClick={() => {
                this.addNum()
              }}>-</span>
              <span>{num}</span>
              <span className="item_detail_cont_type_add" onClick={() => {
                this.delNum()
              }}>+</span>
            </p>
          </div>
          {/* 添加到购物车 */}
          <button className="item_detail_btm_btn" onClick={() => {
            if (type.length > 0) {
              addCarData({
                id: cardata.length + 1,
                ...listitmedetail,
                type,
                num,
                allmoney: listitmedetail.commodity_unitPrice * num
              })
            } else {
              alert('没有选规格')
            }

          }}>加入购物车</button>
        </div>
        .


        // 底部按钮
    .item_detail_btm_box {
        position: relative;
        bottom: 0;
        height: 10vh;

        // 钱
        .item_detail_btm_money{
            position: fixed;
            bottom: 14vh;
            left: 3vw;
            font-size: 4.5vw;
            color: rgb(255, 115, 0);
            span{
                font-weight: bold;
            }
        }

        // 数量
        .item_detail_cont_type_btn {
            position: fixed;
            bottom: 12vh;
            right: 10vw;
            display: flex;

            p {
                margin-right: 2vw;
            }

            .item_detail_cont_type_btn_num {
                font-size: 4.5vw;
                line-height: 10vw;
                font-weight: bold;
            }

            .item_detail_cont_type_btn_p {
                span {
                    display: inline-block;
                    width: 10vw;
                    height: 10vw;
                    line-height: 10vw;
                    text-align: center;
                    // background-color: red;
                    margin-left: 3vw;
                    font-size: 5vw;
                    border-radius: 50%;
                }

                .item_detail_cont_type_del {
                    background-color: #ccc;
                }

                .item_detail_cont_type_add {
                    background-color: #ccc;
                }
            }
        }

        .item_detail_btm_btn {
            position: absolute;
            top: 15vh;
            left: 50%;
            transform: translate(-50%, -50%);
            outline: none;
            border-radius: 10vw;
            width: 60vw;
            height: 5vh;
            border: none;
            background-color: gold;

            // z-index: 222;
        }
    }